<template>
    <div>
        <home-header ></home-header>
        <home-swiper :swipeData = this.swiperList></home-swiper>
        <home-icons :list = "iconList"></home-icons>
        <home-recommend :list = "recommendList"></home-recommend>
        <home-weekend :list = "weekendList"></home-weekend>

    </div>
</template>

<script>
import HomeHeader from './components/Header'
import HomeSwiper from './components/Swiper'
import HomeIcons from './components/Icons'
import HomeRecommend from './components/Recommend'
import HomeWeekend from './components/Weekend'
import mockCity from '../../mock/city.js'

console.log(mockCity)

export default {
    name:'Home',
    data () {
        return {
        // 轮播图
        swiperList:[],
        iconList:[],
        recommendList:[],
         weekendList:[]
        }
    },
    components:{
        HomeHeader,
        HomeSwiper,
        HomeIcons,
        HomeRecommend,
        HomeWeekend
       
    },

created(){
    // /api/index.jso
  this.$axios.get('/api/index.json')
  .then(res=>{
    res = res.data;
console.log(res)
    const data = res.data;
    console.log(data);
   this.swiperList = data.swiperList;
   this.iconList = data.iconList;
   this.recommendList = data.recommendList;
   this.weekendList = data.weekendList;

  })
  .catch(err=>console.log(err))
}


}
</script>

<style scoped>

</style>